import QtQuick 2.15
import QtQuick.Controls 2.15

Item {
    width: 400
    height: 300

    Rectangle {
        width: 200
        height: 200
        color: "lightblue"
        radius: 10
        anchors.centerIn: parent

        Column {
            spacing: 10

            TextField {
                id: usernameInput
                placeholderText: "Username"
                width: parent.width
            }

            TextField {
                id: passwordInput
                placeholderText: "Password"
                width: parent.width
                echoMode: TextInput.Password
            }

            Button {
                text: "Login"
                width: parent.width
                onClicked: {
                    loginClicked(usernameInput.text, passwordInput.text)
                }
            }
        }
    }
}
